<template>
  <div id="new-comment">
    <div class="line-10"></div>
    <dl>
      <dt><i class="el-icon-third-newcomment mr-5"></i><span class="bold">最新评论</span></dt>
      <div class="line"></div>
      <template v-for="item in this.commentNew">
        <dd>
          <router-link class="el-link el-link--default" :key="item.articleId" :title="item.title"
           :to="{name: 'article', params: {id:item.articleId}}">
            <span class="el-link--inner">
              <el-row>
                  <el-col :span="24" class="ellipsis opacity-5">{{item.title}}</el-col>
              </el-row>
            </span>
          </router-link>
          <el-row>
            <el-col :span="24" class="desc">{{item.nickname}}：{{item.content}}</el-col>
          </el-row>
        </dd>
      </template>
    </dl>
  </div>
</template>

<script>

  export default {
    name: "CommentNew",
    props: {
      commentNew: null,
    }
  }
</script>

<style scoped>

  dd {
    line-height: 20px;
    margin-bottom: 3px;
  }

  .el-link {
    height: unset;
  }

</style>
